<template>
  <div id="tou">
    <el-menu :default-active="activeIndex2"
             class="el-menu-demo"
             mode="horizontal"
             @select="handleSelect"
             background-color="#545c64"
             text-color="#fff"
             active-text-color="#ffd04b">
      <el-menu-item index="1">
        <img src="../../assets/images/zaixian.png"
             style="height:100%">
        <b style="font-size:25px">在线学习平台</b>
      </el-menu-item>

      <el-menu-item index="4"><a href="">
          <b style="font-size:18px;">首页
          </b>
        </a></el-menu-item>
      <el-menu-item index="4"><a href="">
          <b style="font-size:18px">课程集中营</b>
        </a></el-menu-item>

      <el-menu-item index="4"><a href="http://localhost:8081/recruit">
          <b style="font-size:18px">最新招聘</b>
        </a></el-menu-item>

      <el-button type="success"
                 style="float:right;margin-top:0.7%;margin-right:8%;width:8%">登录</el-button>

      <el-button type="warning"
                 style="float:right;margin-top:0.7%;margin-right:4%;width:8%">注册</el-button>
    </el-menu>

  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
a {
  text-decoration: none;
}
</style>